<template>
  <div class="boder-ele-contarner">
    <nuxt/>
  </div>
</template>

<style lang="scss">
html
{

  font-size: 16px;
  line-height: 1.6em;
  word-spacing: 1px;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  box-sizing: border-box;
  font-family: "Microsoft YaHei";
}
*, *:before, *:after
{
  box-sizing: border-box;
  margin: 0;
}
.button--green
{
  display: inline-block;
  border-radius: 4px;
  border: 1px solid #3b8070;
  color: #3b8070;
  text-decoration: none;
  padding: 10px 30px;
}
.button--green:hover
{
  color: #fff;
  background-color: #3b8070;
}
.button--grey
{
  display: inline-block;
  border-radius: 4px;
  border: 1px solid #35495e;
  color: #35495e;
  text-decoration: none;
  padding: 10px 30px;
  margin-left: 15px;
}
.button--grey:hover
{
  color: #fff;
  background-color: #35495e;
}
.boder-ele-contarner{
    .common-size{
      width:769px;
      margin: 0 auto;
      height:1088px;
      background: #F7F8F8;
      overflow: hidden;
      // margin-bottom: 40px;
      position: relative;
      &.horizontal {
        width:1088px;
        height:769px;
      }
      &.table_common {
        .page-content {
          .describe_box {
            margin-top: 45px;
          }
        }
      }
      .page-content{
        padding: 0 35px;
        .table-box {
          min-height: 400px;
          .table {
            tbody {
              td {
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                padding: 3px 0;
              }
            }
          }
        }
        .describe_box {
          .describe-text {

            text-indent: 2em;
            color: #656666;
            margin:  5px 0;
            line-height: 2em;
            font-size: 14px;
            b {
              color:#0c122e;
            }
          }
        }
        .page-chart {
          height: 620px;
          background: #fff;
          .x-name {
            &.line-name {
              bottom: 10.5%;
            }
          }
          .y-name {
            &.line-name {
              top: 30px;
            }
          }
          &.page-chart1 {
            height: 410px;
          }
          &.page-chart2 {
            height: 520px;
          }
          &.page-chart3 {
            height: 440px;
          }
          &.page-chart4 {
            height: 550px;
          }
          &.page-chart5 {
            height: 335px;
          }
        }
        .remark-box {
          margin-top: 20px;
          .remark {
            color: #666;
            font-size: 12px;
            line-height: 2;
          }
        }
      }
      .horizontal-page-content {
        /*background: #fff;*/
        height: 510px;
        padding: 0 60px;
        .page-chart {
          &.page-chart4 {
            height: 340px;
          }
        }
        .horizontal-distribute-container {
          text-indent: 2em;
          color: #656666;
          line-height: 1.8em;
          font-size: 14px;
        }
      }
    }
}
</style>
